<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <style>
        html,body{
            height: 100%;
            width: 100%;
            padding: 0;
            margin: 0;
        }
        .gduo{
            display: -webkit-box;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 1;  /** 如果设置为 2 则表示只显示2行 */
            -webkit-box-orient: vertical;
        }
        /*每个页面公共css */
        .detail .al-right{
            color: #999;

        }
        .detail .list{
            padding: 5px 0;
        }
        .bg-ff{
            background: #fff;
        }
        .content{
            /* height: 100vh; */
        }
        /*每个页面公共css */
        .col-333{
            color: #333;
        }
        .pd-10{
            padding: 10px;
        }
        .pd-20{
            padding: 20px;
        }
        .pd-15{
            padding: 15px;
        }
        .h-10{
            height: 10px;
        }
        .fx{
            display: flex;
        }
        .fx-1{
            flex: 1%;
        }
        .al-left{
            text-align: left;
        }
        .al-right{
            text-align: right;
        }
        .al-center{
            text-align: center;
        }
        .log .list{
            padding: 5px 0;
            font-size: 14px;
            border-bottom: 1px solid #efefef;
        }
        .log .list .text{
            color: #555;
        }
        .log .list:last-child{
            border-bottom: none;
        }
        p{
            /*padding: 5px 0;*/
        }
        .titlev{
            color: #555;
            font-size: 12px;
        }
        .titlev .lefio{
            width: 4px;
            height: 10px;
            float: left;
            /* display: block; */
            background: #60B2C0 100%;
            border-radius: 100px;

        }
        .top-bg{
            background: url('http://vontao.com:8056/bg.png');
            /* background:#f00; */
            background-repeat: no-repeat;
            background-position: top center;
            height:auto;background-size: cover;
            min-height: 210px;
            border-radius: 0 0 20px 20px;
        }

        .err-bg-f1{
            background: rgb(249, 249, 249) 100%;
        }
        .err-div{
            background: rgb(249, 249, 249) 100%;
            border-radius: 10px;
            padding: 10px;
        }
        .err-h{
            height: 40px;
            border-radius: 10px;
            margin-bottom: 20px;
        }
        .err-bg-ff{
            background: #fff;
        }
        .err-img-10{
            width: 220px;
            height: 210px;
            border-radius: 10px;
            margin-bottom: 20px;
        }
        .err-img-100{
            width: 160px;
            height: 160px;
            border-radius: 100%;
            margin-bottom: 20px;
        }

        .border-top{
            border-top: 1px dashed #728392;
        }
        .top-car{
            padding: 20px 10px;
            background: #fff;
            text-align: center;font-size: 16px;
        }
        .bord-20{
            border-radius: 20px;
        }
        .bord-10{
            border-radius: 10px;
        }
        .bord-5{
            border-radius: 5px;
        }
        .bord-15{
            border-radius: 15px;
        }
        .fon-12{
            font-size: 12px;
        }
        .fon-14{
            font-size: 14px;
        }
        .fon-16{
            font-size: 16px;
        }
        .fon-18{
            font-size: 18px;
        }
        .z-color{
            color: #5699C3 ;
        },
        .t-color{
            color: #60B2C0 !important;
        }
        h5{
            /*padding: 10px 0;*/
        }
        .type-color,h5{
            color: #FD9F4B;
        }
        .a-color{
            color: #50B1EE ;
        }
        *{
            color: #555;
        }
        .detail .images{
            width: 100px;
            display: inline-flex;
            margin-right: 10px;
            margin-top: 10px;
            height: 100px;
            border-radius: 5px;
            background: #d8d8d8;
            border:solid 1px #d8d8d8;
        }
        .detail a:nth-of-type(3n) .images{
            margin-right: 0px !important;
        }

        .t-nav{
            font-size: 12px;
            text-align: center;
            padding: 5px 7px;
            border-bottom: 1px solid none;
        }
        .t-active{
            color: #67BEA1;
            border-bottom: 1px solid #67BEA1;
        }
        .logo{
            width: 120px;
            height: 120px;
            border-radius: 100%;
            background: #d8d8d8;
            border:solid 1px #d8d8d8;
        }
        .none-err{
            color: #a6a6a6;
            text-align: center;
            padding: 20px 10px 50px 10px;
        }
        .jclixt .old-h{
            height: 10px;background: #f9f9f9;border-radius: 10px;
        }
        .jclixt:last-child  .old-h{
            height: 0;
        }
        .index_div{
            padding: 10px;
        }
        .container{
            overflow: hidden;
            overflow-x: scroll;
            border-radius: 20px;
        }
        .flexBox{
            display: inline-flex;
            align-items: center;
            margin-bottom: 20px;
        }
        .flexBox:nth-last-child(1){
            margin-bottom: unset
        }
        .flex_item{
            /*width:100px;*/
            /*height: 100px;*/
            text-align: center;
            padding: 5px;
            /*margin-right: 15px;*/
            border-radius: 10px;
            /*background: #ffe7cd;*/
            flex: 0 0 auto;
        }
        .flex_item:nth-last-child(1){
            margin-right: unset;
        }
        .flex_item:last-child .cla{
            display: none;
        }
    </style>
    <script type="text/javascript" charset="utf-8">
    </script>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
    <div style="background: #f8f8f8">



        <div class="top-bg pd-25">
            <div class="pd-20 ">
                <div class="top-car bord-10 " style="padding: 10px 0  10px 0 ;">
                    <p class="fon-14">云南省地理标志产品追溯</p>
                    <p><b class="fon-18 z-color">{$code}</b></p>
                    <div class=" border-top pd-10 fon-12 al-left " >
                        <div >
                            {$message}
                        </div>
                    </div>
                    <div class="al-center " style="">
                        <svg t="1695741636967" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7620" style="width: 30px;height: 30px" ><path d="M423.724138 459.034483a35.310345 35.310345 0 0 1-35.310345-35.310345V70.62069H70.62069v317.793103h176.551724a35.310345 35.310345 0 0 1 0 70.62069H35.310345a35.310345 35.310345 0 0 1-35.310345-35.310345V35.310345a35.310345 35.310345 0 0 1 35.310345-35.310345h388.413793a35.310345 35.310345 0 0 1 35.310345 35.310345v388.413793a35.310345 35.310345 0 0 1-35.310345 35.310345z" fill="#FD9F4B" p-id="7621"></path><path d="M151.834483 151.834483l155.365517 0 0 155.365517-155.365517 0 0-155.365517Z" fill="#FD9F4B" p-id="7622"></path><path d="M716.8 151.834483l155.365517 0 0 155.365517-155.365517 0 0-155.365517Z" fill="#FD9F4B" p-id="7623"></path><path d="M988.689655 459.034483h-211.862069a35.310345 35.310345 0 0 1 0-70.62069h176.551724V70.62069h-317.793103v353.103448a35.310345 35.310345 0 0 1-70.62069 0V35.310345a35.310345 35.310345 0 0 1 35.310345-35.310345h388.413793a35.310345 35.310345 0 0 1 35.310345 35.310345v388.413793a35.310345 35.310345 0 0 1-35.310345 35.310345z" fill="#FD9F4B" p-id="7624"></path><path d="M151.834483 716.8l155.365517 0 0 155.365517-155.365517 0 0-155.365517Z" fill="#FD9F4B" p-id="7625"></path><path d="M423.724138 1024H35.310345a35.310345 35.310345 0 0 1-35.310345-35.310345V600.275862a35.310345 35.310345 0 0 1 35.310345-35.310345h211.862069a35.310345 35.310345 0 0 1 0 70.62069H70.62069v317.793103h317.793103V600.275862a35.310345 35.310345 0 0 1 70.62069 0v388.413793a35.310345 35.310345 0 0 1-35.310345 35.310345zM600.275862 1024a35.310345 35.310345 0 0 1-35.310345-35.310345V600.275862a35.310345 35.310345 0 0 1 70.62069 0v388.413793a35.310345 35.310345 0 0 1-35.310345 35.310345zM988.689655 681.489655h-81.213793V635.586207H988.689655a35.310345 35.310345 0 0 0 0-70.62069h-116.524138a35.310345 35.310345 0 0 0-35.310345 35.310345v81.213793h-84.744827V600.275862a35.310345 35.310345 0 0 0-70.62069 0v116.524138a35.310345 35.310345 0 0 0 35.310345 35.310345H988.689655a35.310345 35.310345 0 0 0 0-70.62069zM988.689655 1024a35.310345 35.310345 0 0 1-35.310345-35.310345v-120.055172h-236.57931a35.310345 35.310345 0 0 1 0-70.62069H988.689655a35.310345 35.310345 0 0 1 35.310345 35.310345V988.689655a35.310345 35.310345 0 0 1-35.310345 35.310345zM716.8 1024a35.310345 35.310345 0 0 1-35.310345-35.310345v-38.841379a35.310345 35.310345 0 0 1 70.62069 0V988.689655a35.310345 35.310345 0 0 1-35.310345 35.310345z" fill="#FD9F4B" p-id="7626"></path><path d="M833.324138 1024a35.310345 35.310345 0 0 1-35.310345-35.310345v-38.841379a35.310345 35.310345 0 0 1 70.62069 0V988.689655a35.310345 35.310345 0 0 1-35.310345 35.310345z" fill="#FD9F4B" p-id="7627"></path></svg>
                        <br>
                        <span  class="type-color">扫码验真</span>
                    </div>
                </div>
            </div>

        </div>
        <!--产品信息-->
        <div class="pd-10" style="padding-bottom: 0;">
            <div class="pd-10 bg-ff bord-5 detail">
                <h5 class="al-center fon-12">产品信息</h5>
                <div class="fx fon-14 list">
                    <div style="width: auto;">产品名称</div>
                    <div class="fx-1 al-right t-color ">{$product_info.name}</div>
                </div>
                <div class="fx fon-14 list">
                    <div style="width: auto;">规格</div>
                    <div class="fx-1 al-right">{$product_info.specifications}</div>
                </div>
                <div class="fx fon-14 list">
                    <div style="width: auto;">等级</div>
                    <div class="fx-1 al-right">{$grade.data?$grade.rank:'暂无'}</div>
                </div>
                <div class="fx fon-14 list">
                    <div style="width: auto;">批号</div>
                    <div class="fx-1 al-right">{$batch_info.code}</div>
                </div>
                <div class="fx fon-14 list">
                    <div style="width: auto;">生产日期</div>
                    <div class="fx-1 al-right">{$product_info.sc_time}</div>
                </div>
                <div class="fx fon-14 list">
                    <div style="width: auto;">生产企业</div>
                    <div class="fx-1 al-right">{$company_info.name}</div>
                </div>
                <div class="fx fon-14 list">
                    <div style="width: auto;">产地</div>
                    <div class="fx-1 al-right">{$product_info.characteristic_address}</div>
                </div>
                <div class="fx fon-14 list">
                    <div style="width: auto;">产地介绍</div>

                </div>
                <div class=" fon-14 list" >
                    <div class="al-right"  style="width: auto;text-align: left;">{$product_info.introduce}</div>
                </div>
                <div class="fx fon-14 list">
                    <div style="width: auto;">产品特点</div>

                </div>
                <div class=" fon-14 list" >
                    <div class="al-right "  style="width: auto;text-align: left;">{$product_info.characteristic}</div>
                </div>
                <!-- <div class="fx fon-14 list">
                    <div style="width: auto;">VR场景</div>
                    <div class="fx-1 al-right "><span class="a-color">立即查看</span></div>
                </div> -->
                <div class="h-10"></div>
                <div class="border-top " style="padding-top: 10px;">
                    {foreach $product_info['images'] as $k=>$v}
                    <a href="storage/{$v.url}"  target="_blank"><img class="images"  src="storage/{$v.url}" alt=""></a>
                    {/foreach}
                </div>
            </div>
        </div>
        <!-- 地理标志 -->
        {if ( $landmark_fruit || $landmark_protect || $landmark_trademark)}
        <div class="pd-10" style="padding-bottom: 0;">
            <div class="pd-10 bg-ff bord-5 detail">
                <h5 class="al-center fon-12">地理标志产品</h5>
                <div class="fx">
                    {if $landmark_protect}
                    <div class="fx-1 t-nav t-active" >
                        农产品地理标志
                    </div>
                    {/if}
                    <div class="fx-1 t-nav " >
                        农产品地理标志
                    </div>
                    <div class="fx-1 t-nav " >
                        农产品地理标志
                    </div>
                </div>
                <div class="h-10"></div>
                {if $landmark_protect}
                <div style="display:block" class="t-nav-c"  id="ontNavindex-0">
                    <div class="fx fon-14 list">
                        <div style="width: auto;">原产地地里标志保护名称</div>
                        <div class="fx-1 al-right t-color">{$landmark_protect.name}</div>
                    </div>
                    <div class="fx fon-14 list">
                        <div style="width: auto;">批准公告号</div>
                        <div class="fx-1 al-right">{$landmark_protect.code}</div>
                    </div>
                    <div class="fx fon-14 list">
                        <div style="width: auto;">批准日期 </div>
                        <div class="fx-1 al-right">{$landmark_protect.ratify_time}</div>
                    </div>
                    <div class="fx fon-14 list">
                        <div style="width: auto;">申请机构 </div>
                        <div class="fx-1 al-right">{$landmark_protect.application_organ}</div>
                    </div>
                    <div class="fx fon-14 list">
                        <div style="width: auto;">认定时间</div>
                        <div class="fx-1 al-right">{$landmark_protect.protection_scope}</div>
                    </div>
                    <div class="fx fon-14 list">
                        <div style="width: auto;">技术规范和标准</div>
                        <div class="fx-1 al-right">{$landmark_protect.codes_and_standards}</div>
                    </div>
                    <div class="fx fon-14 list">
                        <div style="width: auto;">批准部门</div>
                        <div class="fx-1 al-right">{$landmark_protect.posit_organ}</div>
                    </div>
                    <div class=" fon-14 list">
                        <div style="width: auto;">地理标志保护产品证书</div>
                    </div>
                    <div class="h-10"></div>
                    <div class="border-top " style="padding-top: 10px;">
                        {foreach $landmark_protect['protection_image'] as $k=>$v}
                        <a href="storage/{$v.url}"  target="_blank"><img class="images"  src="storage/{$v.url}" alt=""></a>
                        {/foreach}
                    </div>
                    { if $landmark_fruit}
                    <div class="h-10"></div>
                    <div class="detail">
                        <div class="titlev fx">
                            <div style="width: 4px;padding: 4px 0;padding-right: 5px;">
                                <span class="lefio"></span>
                            </div>
                            <div class="fx-1"> <span class="title">保护范围</span></div>
                        </div>
                        <div class="h-10"></div>
                        <div class="fon-14  al-right " style="text-align: left">
                            {$landmark_fruit.protection_scope}
                        </div>
                    </div>

                    <div class="h-10"></div>

                    {/if}
                </div>
                {/if}
                {if $landmark_trademark}
                <div style="display:none" class="t-nav-c" id="ontNavindex-1">
                    {if $landmark_trademark}
                    <div class="fx fon-14 list">
                        <div style="width: auto;">农产品地理标志名称</div>
                        <div class="fx-1 al-right t-color">{$landmark_trademark.name}</div>
                    </div>
                    <div class="fx fon-14 list">
                        <div style="width: auto;">注册公告号</div>
                        <div class="fx-1 al-right">{$landmark_trademark.code}</div>
                    </div>
                    <div class="fx fon-14 list">
                        <div style="width: auto;">申请机构</div>
                        <div class="fx-1 al-right">{$landmark_trademark.application_organ}</div>
                    </div>
                    <div class="fx fon-14 list">
                        <div style="width: auto;">注册时间</div>
                        <div class="fx-1 al-right">{$landmark_trademark.register_time}</div>
                    </div>
                    <div class="fx fon-14 list">
                        <div style="width: auto;">认定部门</div>
                        <div class="fx-1 al-right">{$landmark_trademark.posit_organ}</div>
                    </div>
                    <div class="">
                        {if count($landmark_trademark['image'])>0}
                            {foreach $landmark_trademark['image'] as $k=>$v}
                            <a href="storage/{$v.url}"  target="_blank"><img class="images"   src="storage/{$v.url}" alt=""></a>
                            {/foreach}
                        {/if}
                    </div>
                    {/if}
                </div>
                {/if}
                {if $landmark_fruit}
                <div style="display:none" class="t-nav-c" id="ontNavindex-2">
                    <div class="fx fon-14 list">
                        <div style="width: auto;">农产品地里标志名称</div>
                        <div class="fx-1 al-right t-color">{$landmark_fruit.name}</div>
                    </div>
                    <div class="fx fon-14 list">
                        <div style="width: auto;">注册公告号 </div>
                        <div class="fx-1 al-right">{$landmark_fruit.code}</div>
                    </div>
                    <div class="fx fon-14 list">
                        <div style="width: auto;">注册时间</div>
                        <div class="fx-1 al-right">{$landmark_fruit.register_time}</div>
                    </div>
                    <div class="fx fon-14 list">
                        <div style="width: auto;">申请机构</div>
                        <div class="fx-1 al-right">{$landmark_fruit.application_organ}</div>
                    </div>
                    <div class="fx fon-14 list">
                        <div style="width: auto;">保护范围</div>
                        <div class="fx-1 al-right">{$landmark_fruit.protection_scope}</div>
                    </div>
                    <div class="fx fon-14 list">
                        <div style="width: auto;">技术规范和标准</div>
                        <div class="fx-1 al-right">{$landmark_fruit.codes_and_standards}</div>
                    </div>
                    <div class="fx fon-14 list">
                        <div style="width: auto;">认定部门</div>
                        <div class="fx-1 al-right">{$landmark_fruit.posit_organ}</div>
                    </div>

                    <div class="">
                        {foreach $landmark_fruit['image'] as $k=>$v}
                        <a href="storage/{$v.url}"  target="_blank"><img class="images"  src="storage/{$v.url}" alt=""></a>
                        {/foreach}
                    </div>

                </div>
                {/if}
            </div>
        </div>
        {/if}
        {if $grade}
        <!-- 分级 -->
        <div class="pd-10" v-if="formdata.grade.data" style="padding-bottom: 0;">
            <div class="pd-10 bg-ff bord-5 detail">
                <h5 class="al-center fon-12">地理标志产品分级信息</h5>
                <div class="fx fon-14 list">
                    <div style="width: auto;">分类等级</div>
                    <div class="fx-1 al-right z-color">{$grade.rank}</div>
                </div>
                <div class="fx fon-14 list">
                    <div style="width: auto;">分级标准</div>
                    <div class="fx-1 al-right">{$grade.believe_measure}</div>
                </div>
                <div class="fx fon-14 list">
                    <div style="width: auto;">分级认定部门</div>
                    <div class="fx-1 al-right">{$grade.believe_organ}</div>
                </div>
                <div class="fx fon-14 list">
                    <div style="width: auto;">认定时间</div>
                    <div class="fx-1 al-right">{$grade.believe_time}</div>
                </div>
                {if count($grade['image'])>0}
                <div class="h-10"></div>
                <div class="border-top " style="padding-top: 10px;">
                    {foreach $grade['image'] as $k=>$v}
                    <a href="storage/{$v.url}"  target="_blank"><img class="images"  src="storage/{$v.url}" alt=""></a>
                    {/foreach}
                </div>
                {/if}
            </div>
        </div>
        {/if}
        <!-- 特色原产地产品等级 -->
        {if $flavour}
        <div class="pd-10"  style="padding-bottom: 0;">
            <div class="pd-10 bg-ff bord-5 detail">
                <h5 class="al-center fon-12">特色原产地产品等级</h5>
                <div class="fx fon-14 list">
                    <div style="width: auto;">特色原产地产品名称</div>
                    <div class="fx-1 al-right z-color">{$product_info.name}</div>
                </div>
                <div class="fx fon-14 list">
                    <div style="width: auto;">特色原产地产品等级</div>
                    <div class="fx-1 al-right z-color">{$flavour.name}</div>
                </div>
                <div class="fx fon-14 list">
                    <div style="width: auto;">认定机构</div>
                    <div class="fx-1 al-right">{$flavour.believe_organ}</div>
                </div>
                <div class="fx fon-14 list">
                    <div style="width: auto;">认定时间</div>
                    <div class="fx-1 al-right">{$flavour.believe_time}</div>
                </div>
                <div class="fx fon-14 list">
                    <div style="width: auto;">特色原产地产品等级证书</div>
                </div>
                {if count($flavour['image'])>0}
                    <div class="h-10"></div>
                    <div class="border-top " style="padding-top: 10px;">
                        {foreach $flavour['image'] as $kk=>$vv}
                        <a href="storage/{$vv.url}"  target="_blank"><img class="images"  src="storage/{$vv.url}" alt=""></a>
                        {/foreach}
                    </div>
                {/if}
            </div>
        </div>
        {/if}
        <!-- 生长过程 -->
        {if count($process_1_list)>0}
        <div class="pd-10"  style="padding-bottom: 0;">
            <div class="pd-10 bg-ff bord-5 detail">
                <h5 class="al-center fon-12">生长过程</h5>

                <div class="container">
                    <div class="flexBox">
                        {foreach $process_1_list as $k=>$v}
                        <div class="flex_item" >

                            <div class="fx">
                                <div class="fx-1" style="width: auto;">
                                    {foreach $v['image'] as $kk=>$vv}
                                    <img class="images" style="border-radius: 100px;margin: 0"  src="storage/{$vv.url}" alt="">
                                    {/foreach}
                                </div>
                                <div class=" cla" style="">
                                    <div class="" style="width: auto;padding:48px 0px 48px 10px;">
                                        <div style="width: 40px;height:4px;background: #5FAFC3;border-radius: 50px;"></div>
                                    </div>
                                </div>
                            </div>
                            <div style="width: 100px;font-size: 12px;text-align: center">
                                {$v.name}
                            </div>
                        </div>
                        {/foreach}
                    </div>
                </div>

            </div>
        </div>
        {/if}
        <!-- 生产过程 -->
        {if count($process_2_list)>0}
        <div class="pd-10"  style="padding-bottom: 0;">
            <div class="pd-10 bg-ff bord-5 detail">
                <h5 class="al-center fon-12">生产过程</h5>
                <div class="container">
                    <div class="flexBox">
                        {foreach $process_2_list as $k=>$v}
                        <div class="flex_item" >
                            <div class="fx">
                                <div class="fx-1" style="width: auto;">
                                    {foreach $v['image'] as $kk=>$vv}
                                    <img class="images" style="border-radius: 100px;margin: 0"  src="storage/{$vv.url}" alt="">
                                    {/foreach}
                                </div>
                                <div class=" cla" style="">
                                    <div class="" style="width: auto;padding:48px 0px 48px 10px;">
                                        <div style="width: 40px;height:4px;background: #5FAFC3;border-radius: 50px;"></div>
                                    </div>
                                </div>
                            </div>
                            <div style="width: 100px;font-size: 12px;text-align: center">
                                {$v.name}
                            </div>
                        </div>
                        {/foreach}
                    </div>
                </div>

            </div>
        </div>
        {/if}
        <!-- 产品监测 -->
        {if count($proof_list)>0}
        <div class="pd-10" style="padding-bottom: 0;">
            <div class="pd-10 bg-ff bord-5 detail">
                <h5 class="al-center fon-12">产品监检验信息</h5>
                {foreach $proof_list as $k=>$v}
                <div class=" jclixt">
                    <div class="fx fon-14 list">
                        <div style="width: auto;">检验机构</div>
                        <div class="fx-1 al-right">{$v.organ}</div>
                    </div>
                    <div class="fx fon-14 list">
                        <div style="width: auto;">检验类型</div>
                        <div class="fx-1 al-right">{$v.type_name}</div>
                    </div>
                    <div class="fx fon-14 list">
                        <div style="width: auto;">检验编号</div>
                        <div class="fx-1 al-right">{$v.code}</div>
                    </div>
                    <div class="fx fon-14 list">
                        <div style="width: auto;">检验时间</div>
                        <div class="fx-1 al-right">{$v.proof_time}</div>
                    </div>
                    <div class="fx fon-14 list">
                        <div style="width: auto;">检测结果</div>
                        <div class="fx-1 al-right z-color">{$v.result}</div>
                    </div>
                    <div class="fx fon-14 list">
                        <div style="width: auto;">检测批次</div>
                        <div class="fx-1 al-right z-color">{$batch_info.code}</div>
                    </div>
                    {if($v.ls_is) == 1 }
                    <div v-if="item.ls_is">
                        <div class="fx fon-14 list">
                            <div style="width: auto;">绿色食品等级</div>
                            <div class="fx-1 al-right z-color">{$v.ls_dj}</div>
                        </div>
                    </div>
                    {/if}
                    <div class=" fon-14 list">
                        <div style="width: auto;">
                            {if($v.images)}<span>检验报告</span> {/if}
                            {if($v.ls_is) } <span >、绿色食品等级证书</span> {/if}
                            {if($v.yj_is) } <span >、有机产品认证证书</span>{/if}
                        </div>
                    </div>
                    <div class="h-10"></div>
                    <div class=" fon-14  border-top">
                        {foreach $v['images_list'] as $kk=>$vv}
                        <a href="storage/{$vv.url}"  target="_blank"><img class="images"  src="storage/{$vv.url}" alt=""></a>
                        {/foreach}
                    </div>
                    <div class="h-10"></div>
                    <div class="old-h" style=""> </div>
                    <div class="h-10"></div>
                </div>
                {/foreach}
            </div>
        </div>
        {/if}
        <!-- 投保信息 -->
        {if $insure_info}
        <view class="pd-15" style="padding-bottom: 0;">
            <view class="pd-10 bg-ff bord-5 detail">
                <h5 class="al-center fon-12">投保信息</h5>
                <view class="fx fon-14 list">
                    <view style="width: auto;">投保人</view>
                    <view class="fx-1 al-right z-color">{$insure_info.applicant}</view>
                </view>
                <view class="fx fon-14 list">
                    <view style="width: auto;">被保险人</view>
                    <view class="fx-1 al-right z-color">{$insure_info.assured}</view>
                </view>
                <view class="fx fon-14 list">
                    <view style="width: auto;">承保人</view>
                    <view class="fx-1 al-right z-color">{$insure_info.insurer}</view>
                </view>
                <view class="fx fon-14 list">
                    <view style="width: auto;">保险方案</view>
                    <view class="fx-1 al-right z-color">{$insure_info.programme}</view>
                </view>
                <view class="fx fon-14 list">
                    <view style="width: auto;">保单号</view>
                    <view class="fx-1 al-right z-color">{$insure_info.programme_code}</view>
                </view>
                <view class="fx fon-14 list">
                    <view style="width: auto;">承保起期</view>
                    <view class="fx-1 al-right z-color">{$insure_info.open_time}-{$insure_info.end_time}</view>
                </view>
                <view class="fx fon-14 list">
                    <view style="width: auto;">承保产品</view>
                    <view class="fx-1 al-right z-color">{$product_info.name}</view>
                </view>

                <view class="h-10"></view>
                <view class="border-top " style="padding-top: 10px;">

                </view>
            </view>
        </view>
        {/if}
        <!-- 企业信息 -->

    </div>


    <script >
        const { createApp, ref } = Vue
        createApp({
            setup() {
                return {
                    formdata:{
                        code:'',
                        batch_info:{},
                        company_info:{}
                    }
                }
            },
            async created(){
                var arr = await this.getinfo()
                console.log(arr,'--')
                this.formdata = arr
            },
            methods: {
                async getinfo(){
                    const response = await axios.get('/applet/index/getC?c=XPFmGxVtUPRM9k3Kb148WLksK5D1CGYj')
                    return response.data
                }
            }

        }).mount('#app')
        // $(document).ready(function(){
        //     $('.t-nav').click(function (){
        //         var index = $(this).index();
        //         var id = '#ontNavindex-'+index
        //         $('.t-nav-c').css('display','none')
        //         $(id).css('display','block')
        //         $('.t-nav').removeClass('t-active')
        //         $(this).addClass('t-active')
        //     })
        // });
    </script>
</body>
</html>